<!doctype html>
<html lang="en">


<!-- Mirrored from demo.riktheme.com/undex-1/side-menu-dark/themify-icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 21 Oct 2019 10:40:36 GMT -->
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>Undex - Modern Admin Template</title>

    <!-- Favicon -->
    <link rel="icon" href="img/core-img/favicon.png">

    <!-- Master Stylesheet [If you remove this CSS file, your file will be broken undoubtedly.] -->
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <!-- Preloader -->
    <div id="preloader"></div>

    <!-- Choose Layout -->
    <div class="choose-layout-area">
        <div class="setting-trigger-icon" id="settingTrigger">
            <i class="ti-settings"></i>
        </div>
        <div class="choose-layout" id="chooseLayout">
            <h6 class="mb-30">Choose A Layout</h6>
            <div class="demos-content">
                <div class="single-demos">
                    <a href="index-2.html"><img src="img/demo/1.png" alt=""></a>
                    <span>Vertical Dark</span>
                </div>
                <div class="single-demos">
                    <a href="http://demo.riktheme.com/undex-1/side-menu/index.html"><img src="img/demo/2.png" alt=""></a>
                    <span>Vertical Light</span>
                </div>
                <div class="single-demos">
                    <a href="http://demo.riktheme.com/undex-1/side-menu-gradient/index.html"><img src="img/demo/3.png" alt=""></a>
                    <span>Sidebar Gradient</span>
                </div>
            </div>
        </div>
    </div>

    <!-- ======================================
    ******* Page Wrapper Area Start **********
    ======================================= -->
    <div class="ecaps-page-wrapper">
        <!-- Sidemenu Area -->
        <div class="ecaps-sidemenu-area">
            <!-- Desktop Logo -->
            <div class="ecaps-logo">
                <a href="index-2.html"><img class="desktop-logo" src="img/core-img/logo.png" alt="Desktop Logo"> <img class="small-logo" src="img/core-img/small-logo.png" alt="Mobile Logo"></a>
            </div>

            <!-- Side Nav -->
            <div class="ecaps-sidenav" id="ecapsSideNav">
                <!-- Side Menu Area -->
                <div class="side-menu-area">
                    <!-- Sidebar Menu -->
                    <nav>
                        <ul class="sidebar-menu" data-widget="tree">
                            <li class="sidemenu-user-profile d-flex align-items-center">
                                <div class="user-thumbnail">
                                    <img src="img/member-img/1.png" alt="">
                                </div>
                                <div class="user-content">
                                    <h6>Ajoy Das</h6>
                                    <span>Pro User</span>
                                </div>
                            </li>
                            <li><a href="index-2.html"><i class="icon_lifesaver"></i> <span>Dashboard</span></a></li>
                            <li><a href="widgets.html"><i class="icon_cog"></i> <span>Widgets</span></a></li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_laptop"></i> <span>Apps</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="calendar.html">- Calendar</a></li>
                                    <li><a href="chat-box.html">- Chat box</a></li>
                                    <li><a href="project-list.html">- Project List</a></li>
                                    <li><a href="project-details.html">- Project Details</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_drive"></i> <span>UI kit</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="avatar.html">- Avatar</a></li>
                                    <li><a href="buttons.html">- Button</a></li>
                                    <li><a href="card.html">- Card</a></li>
                                    <li><a href="slider.html">- Slider</a></li>
                                    <li><a href="modals.html">- Modals</a></li>
                                    <li><a href="toastr.html">- Toastr</a></li>
                                    <li><a href="preloader.html">- Preloader</a></li>
                                    <li><a href="tab.html">- Tab</a></li>
                                    <li><a href="general.html">- General</a></li>
                                    <li><a href="progressbar.html">- Progressbar</a></li>
                                    <li><a href="notifications.html">- Notification</a></li>
                                    <li><a href="dropdown.html">- Dropdown</a></li>
                                    <li><a href="typography.html">- Typography</a></li>
                                </ul>
                            </li>
                            <li><a href="inbox.html"><i class="icon_globe-2"></i> <span>Email</span></a></li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_easel"></i> <span>Charts</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="heigh-chart.html">- Heigh Chart</a></li>
                                    <li><a href="flot-chart.html">- Flot Chart</a></li>
                                    <li><a href="metricas-chart.html">- Metrica Chart</a></li>
                                    <li><a href="chartist.html">- Chartist Chart</a></li>
                                    <li><a href="google-chart.html">- Google Chart</a></li>
                                    <li><a href="morris-chart.html">- Morris Chart</a></li>
                                    <li><a href="peity-chart.html">- Peity Chart</a></li>
                                    <li><a href="chart-js.html">- Chart Js</a></li>
                                    <li><a href="c3-charts.html">- C3 Chart</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_document_alt"></i> <span>Pages</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="blank.html">- Start Page</a></li>
                                    <li><a href="profile.html">- Profile</a></li>
                                    <li><a href="profile-2.html">- Profile 2</a></li>
                                    <li><a href="ribbons.html">- Ribbons</a></li>
                                    <li><a href="clipboard.html">- Clipboard</a></li>
                                    <li><a href="todo-list.html">- Todo List</a></li>
                                    <li><a href="light-box-gallery.html">- Light Box Gallery</a></li>
                                    <li><a href="gallery.html">- Gallery</a></li>
                                    <li><a href="range-slider.html">- Range Slider</a></li>
                                    <li><a href="timeline.html">- Timeline</a></li>
                                    <li><a href="timeline-2.html">- Timeline 2</a></li>
                                    <li><a href="sweet-alert.html">- Sweet Alert</a></li>
                                    <li><a href="nestable-list.html">- Nestable List</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_documents_alt"></i> <span>Forms</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="basic-form.html">- Basic Form</a></li>
                                    <li><a href="form-validation.html">- Validation</a></li>
                                    <li><a href="rating.html">- Rating</a></li>
                                    <li><a href="form-switchers.html">- Switchers</a></li>
                                    <li><a href="file-upload.html">- File upload</a></li>
                                    <li><a href="form-input-mask.html">- Input Mask</a></li>
                                    <li><a href="form-wizard.html">- Form Wizard</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_cart_alt"></i> <span>Ecommerce</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="product.html">- Products</a></li>
                                    <li><a href="product-details.html">- Products Details</a></li>
                                    <li><a href="order.html">- Orders</a></li>
                                    <li><a href="cart.html">- Cart</a></li>
                                    <li><a href="checkout.html">- Checkout</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_table"></i> <span>Tables</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="basic-table.html">- Basic Table</a></li>
                                    <li><a href="data-table.html">- Data Table</a></li>
                                    <li><a href="table-layout-colourd.html">- Table Layout Color</a></li>
                                    <li><a href="price-table.html">- Price Table</a></li>
                                    <li><a href="edit-table.html">- Edit Table</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_key_alt"></i> <span>User Page</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="login.html">- Login</a></li>
                                    <li><a href="register.html">- Register</a></li>
                                    <li><a href="lock-screen.html">- Lock Screen</a></li>
                                    <li><a href="forget-password.html">- Forget Password</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_genius"></i> <span>General Pages</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="video.html">- Video</a></li>
                                    <li><a href="session-timeout.html">- Session timeout</a></li>
                                    <li><a href="invoice.html">- Invoice</a></li>
                                    <li><a href="contact.html">- Contact</a></li>
                                    <li><a href="coming-soon.html">- Coming Soon</a></li>
                                    <li><a href="404.html">- 404</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_map_alt"></i> <span>Maps</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="google-map.html">- Google Map</a></li>
                                    <li><a href="vector-map.html">- Vector Map</a></li>
                                </ul>
                            </li>
                            <li class="treeview active">
                                <a href="javascript:void(0)"><i class="icon_shield"></i> <span>Icons</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="matarial-icons.html">- Materialize Icons</a></li>
                                    <li><a href="elegant-icons.html">- Elegant Icons</a></li>
                                    <li><a href="et-line-icons.html">- Et-line Icons</a></li>
                                    <li><a href="font-awesome.html">- Font-Awsome Icons</a></li>
                                    <li><a href="pe-7-stroke.html">- Pe-7 Stroke Icons</a></li>
                                    <li class="active"><a href="themify-icons.html">- Themify Icons</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_menu"></i> <span>Multilevel</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#">Level One</a></li>
                                    <li class="treeview">
                                        <a href="#">Level One <i class="fa fa-angle-right"></i></a>
                                        <ul class="treeview-menu">
                                            <li><a href="#">Level Two</a></li>
                                            <li><a href="#">Level Two</a></li>
                                            <li><a href="#">Level Two</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Level One</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        <!-- Page Content -->
        <div class="ecaps-page-content">
            <!-- Top Header Area -->
            <header class="top-header-area d-flex align-items-center justify-content-between">
                <div class="left-side-content-area d-flex align-items-center">
                    <!-- Mobile Logo -->
                    <div class="mobile-logo mr-3 mr-sm-4">
                        <a href="index-2.html"><img src="img/core-img/small-logo.png" alt="Mobile Logo"></a>
                    </div>

                    <!-- Triggers -->
                    <div class="ecaps-triggers mr-1 mr-sm-3">
                        <div class="menu-collasped" id="menuCollasped">
                            <i class="zmdi zmdi-menu"></i>
                        </div>
                        <div class="mobile-menu-open" id="mobileMenuOpen">
                            <i class="zmdi zmdi-menu"></i>
                        </div>
                    </div>

                    <!-- Left Side Nav -->
                    <ul class="left-side-navbar d-flex align-items-center">
                        <li class="hide-phone app-search mr-15">
                            <form role="search" class=""><input type="text" placeholder="Search..." class="form-control"> <button type="submit" class="mr-0"><i class="fa fa-search"></i></button></form>
                        </li>
                    </ul>
                </div>

                <div class="right-side-navbar d-flex align-items-center justify-content-end">
                    <!-- Mobile Trigger -->
                    <div class="right-side-trigger" id="rightSideTrigger">
                        <i class="ti-align-left"></i>
                    </div>

                    <!-- Top Bar Nav -->
                    <ul class="right-side-content d-flex align-items-center">
                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="border-radius-none" src="img/core-img/l3.jpg" alt=""></button>
                            <div class="dropdown-menu language-dropdown dropdown-menu-right">
                                <a href="#" class="dropdown-item"><img src="img/core-img/l1.jpg" alt=""> IND</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l2.jpg" alt=""> LOP</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l3.jpg" alt=""> KYI</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l4.jpg" alt=""> RTY</a>
                            </div>
                        </li>
                        <!-- Full Screen Mode -->
                        <li class="full-screen-mode ml-1">
                            <a href="javascript:" id="fullScreenMode"><i class="zmdi zmdi-fullscreen"></i></a>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon_globe-2" aria-hidden="true"></i></button>

                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- Top Message Area -->
                                <div class="top-message-area">
                                    <!-- Heading -->
                                    <div class="top-message-heading">
                                        <div class="heading-title">
                                            <h6>Messages</h6>
                                        </div>
                                        <span>5 New</span>
                                    </div>
                                    <div class="message-box" id="messageBox">
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>6-hour video course on Angular</span>
                                                <span>3 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>Google Ads: You'll get a refund soon</span>
                                                <span>27 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New Feature: HTTP Method Selection</span>
                                                <span>56 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>The Complete JavaScript Handbook</span>
                                                <span>1 hour ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New comment: ecaps Template</span>
                                                <span>2 days ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>6-hour video course on Angular</span>
                                                <span>3 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>Google Ads: You'll get a refund soon</span>
                                                <span>27 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New Feature: HTTP Method Selection</span>
                                                <span>56 min ago</span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon_lightbulb_alt" aria-hidden="true"></i> <span class="active-status"></span></button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- Top Notifications Area -->
                                <div class="top-notifications-area">
                                    <!-- Heading -->
                                    <div class="notifications-heading">
                                        <div class="heading-title">
                                            <h6>Notifications</h6>
                                        </div>
                                        <span>5 New</span>
                                    </div>

                                    <div class="notifications-box" id="notificationsBox">
                                        <a href="#" class="dropdown-item"><i class="ti-face-smile bg-success"></i><span>We've got something for you!</span></a>
                                        <a href="#" class="dropdown-item"><i class="zmdi zmdi-notifications-active bg-danger"></i><span>Domain names expiring on Tuesday</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-check"></i><span>Your commissions has been sent</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-heart bg-success"></i><span>You sold an item!</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-bolt bg-warning"></i><span>Security alert for your linked Google account</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-face-smile bg-success"></i><span>We've got something for you!</span></a>
                                        <a href="#" class="dropdown-item"><i class="zmdi zmdi-notifications-active bg-danger"></i><span>Domain names expiring on Tuesday</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-check"></i><span>Your commissions has been sent</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-heart bg-success"></i><span>You sold an item!</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-bolt bg-warning"></i><span>Security alert for your linked Google account</span></a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="border-radius-50" src="img/member-img/1.png" alt=""></button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- User Profile Area -->
                                <div class="user-profile-area">
                                    <div class="user-profile-heading">
                                        <!-- Thumb -->
                                        <div class="profile-thumbnail">
                                            <img class="border-radius-50" src="img/member-img/1.png" alt="">
                                        </div>
                                        <!-- Profile Text -->
                                        <div class="profile-text">
                                            <h6>Ajoy Das</h6>
                                            <span>ajoydas@example.com</span>
                                        </div>
                                    </div>
                                    <a href="#" class="dropdown-item"><i class="ti-user text-default" aria-hidden="true"></i> My profile</a>
                                    <a href="#" class="dropdown-item"><i class="zmdi zmdi-email-open text-success" aria-hidden="true"></i> Messages</a>
                                    <a href="#" class="dropdown-item"><i class="ti-settings text-default" aria-hidden="true"></i> Account settings</a>
                                    <a href="#" class="dropdown-item"><i class="ti-heart text-purple" aria-hidden="true"></i> Support</a>
                                    <a href="#" class="dropdown-item"><i class="ti-unlink text-warning" aria-hidden="true"></i> Sign-out</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </header>

            <!-- Main Content Area -->
            <div class="main-content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body pb-0">
                                    <div class="row">
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon mb-3">
                                                <i class="ti-arrow-up"></i>
                                                <span class="text-muted">ti-arrow-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-right"></i>
                                                <span class="text-muted">ti-arrow-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-left"></i>
                                                <span class="text-muted">ti-arrow-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-down"></i>
                                                <span class="text-muted">ti-arrow-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrows-vertical"></i>
                                                <span class="text-muted">ti-arrows-vertical</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrows-horizontal"></i>
                                                <span class="text-muted">ti-arrows-horizontal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-up"></i>
                                                <span class="text-muted">ti-angle-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-right"></i>
                                                <span class="text-muted">ti-angle-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-left"></i>
                                                <span class="text-muted">ti-angle-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-down"></i>
                                                <span class="text-muted">ti-angle-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-double-up"></i>
                                                <span class="text-muted">ti-angle-double-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-double-right"></i>
                                                <span class="text-muted">ti-angle-double-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-double-left"></i>
                                                <span class="text-muted">ti-angle-double-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-angle-double-down"></i>
                                                <span class="text-muted">ti-angle-double-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-move"></i>
                                                <span class="text-muted">ti-move</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-fullscreen"></i>
                                                <span class="text-muted">ti-fullscreen</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-top-right"></i>
                                                <span class="text-muted">ti-arrow-top-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-top-left"></i>
                                                <span class="text-muted">ti-arrow-top-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-circle-up"></i>
                                                <span class="text-muted">ti-arrow-circle-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-circle-right"></i>
                                                <span class="text-muted">ti-arrow-circle-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-circle-left"></i>
                                                <span class="text-muted">ti-arrow-circle-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrow-circle-down"></i>
                                                <span class="text-muted">ti-arrow-circle-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-arrows-corner"></i>
                                                <span class="text-muted">ti-arrows-corner</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-split-v"></i>
                                                <span class="text-muted">ti-split-v</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-split-v-alt"></i>
                                                <span class="text-muted">ti-split-v-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-split-h"></i>
                                                <span class="text-muted">ti-split-h</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hand-point-up"></i>
                                                <span class="text-muted">ti-hand-point-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hand-point-right"></i>
                                                <span class="text-muted">ti-hand-point-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hand-point-left"></i>
                                                <span class="text-muted">ti-hand-point-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hand-point-down"></i>
                                                <span class="text-muted">ti-hand-point-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-back-right"></i>
                                                <span class="text-muted">ti-back-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-back-left"></i>
                                                <span class="text-muted">ti-back-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-exchange-vertical"></i>
                                                <span class="text-muted">ti-exchange-vertical</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-wand"></i>
                                                <span class="text-muted">ti-wand</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-save"></i>
                                                <span class="text-muted">ti-save</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-save-alt"></i>
                                                <span class="text-muted">ti-save-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-direction"></i>
                                                <span class="text-muted">ti-direction</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-direction-alt"></i>
                                                <span class="text-muted">ti-direction-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-user"></i>
                                                <span class="text-muted">ti-user</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-link"></i>
                                                <span class="text-muted">ti-link</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-unlink"></i>
                                                <span class="text-muted">ti-unlink</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-trash"></i>
                                                <span class="text-muted">ti-trash</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-target"></i>
                                                <span class="text-muted">ti-target</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-tag"></i>
                                                <span class="text-muted">ti-tag</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-desktop"></i>
                                                <span class="text-muted">ti-desktop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-tablet"></i>
                                                <span class="text-muted">ti-tablet</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-mobile"></i>
                                                <span class="text-muted">ti-mobile</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-email"></i>
                                                <span class="text-muted">ti-email</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-star"></i>
                                                <span class="text-muted">ti-star</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-spray"></i>
                                                <span class="text-muted">ti-spray</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-signal"></i>
                                                <span class="text-muted">ti-signal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shopping-cart"></i>
                                                <span class="text-muted">ti-shopping-cart</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shopping-cart-full"></i>
                                                <span class="text-muted">ti-shopping-cart-full</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-settings"></i>
                                                <span class="text-muted">ti-settings</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-search"></i>
                                                <span class="text-muted">ti-search</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-zoom-in"></i>
                                                <span class="text-muted">ti-zoom-in</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-zoom-out"></i>
                                                <span class="text-muted">ti-zoom-out</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-cut"></i>
                                                <span class="text-muted">ti-cut</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-ruler"></i>
                                                <span class="text-muted">ti-ruler</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-ruler-alt-2"></i>
                                                <span class="text-muted">ti-ruler-alt-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-ruler-pencil"></i>
                                                <span class="text-muted">ti-ruler-pencil</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-ruler-alt"></i>
                                                <span class="text-muted">ti-ruler-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bookmark"></i>
                                                <span class="text-muted">ti-bookmark</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bookmark-alt"></i>
                                                <span class="text-muted">ti-bookmark-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-reload"></i>
                                                <span class="text-muted">ti-reload</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-plus"></i>
                                                <span class="text-muted">ti-plus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-minus"></i>
                                                <span class="text-muted">ti-minus</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-close"></i>
                                                <span class="text-muted">ti-close</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pin"></i>
                                                <span class="text-muted">ti-pin</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pencil"></i>
                                                <span class="text-muted">ti-pencil</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pencil-alt"></i>
                                                <span class="text-muted">ti-pencil-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-paint-roller"></i>
                                                <span class="text-muted">ti-paint-roller</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-paint-bucket"></i>
                                                <span class="text-muted">ti-paint-bucket</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-na"></i>
                                                <span class="text-muted">ti-na</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-medall"></i>
                                                <span class="text-muted">ti-medall</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-medall-alt"></i>
                                                <span class="text-muted">ti-medall-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-marker"></i>
                                                <span class="text-muted">ti-marker</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-marker-alt"></i>
                                                <span class="text-muted">ti-marker-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-lock"></i>
                                                <span class="text-muted">ti-lock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-unlock"></i>
                                                <span class="text-muted">ti-unlock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-location-arrow"></i>
                                                <span class="text-muted">ti-location-arrow</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout"></i>
                                                <span class="text-muted">ti-layout</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layers"></i>
                                                <span class="text-muted">ti-layers</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layers-alt"></i>
                                                <span class="text-muted">ti-layers-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-key"></i>
                                                <span class="text-muted">ti-key</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-image"></i>
                                                <span class="text-muted">ti-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-heart"></i>
                                                <span class="text-muted">ti-heart</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-heart-broken"></i>
                                                <span class="text-muted">ti-heart-broken</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hand-stop"></i>
                                                <span class="text-muted">ti-hand-stop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hand-open"></i>
                                                <span class="text-muted">ti-hand-open</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hand-drag"></i>
                                                <span class="text-muted">ti-hand-drag</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-flag"></i>
                                                <span class="text-muted">ti-flag</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-flag-alt"></i>
                                                <span class="text-muted">ti-flag-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-flag-alt-2"></i>
                                                <span class="text-muted">ti-flag-alt-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-eye"></i>
                                                <span class="text-muted">ti-eye</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-import"></i>
                                                <span class="text-muted">ti-import</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-export"></i>
                                                <span class="text-muted">ti-export</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-cup"></i>
                                                <span class="text-muted">ti-cup</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-crown"></i>
                                                <span class="text-muted">ti-crown</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-comments"></i>
                                                <span class="text-muted">ti-comments</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-comment"></i>
                                                <span class="text-muted">ti-comment</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-comment-alt"></i>
                                                <span class="text-muted">ti-comment-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-thought"></i>
                                                <span class="text-muted">ti-thought</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-clip"></i>
                                                <span class="text-muted">ti-clip</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-check"></i>
                                                <span class="text-muted">ti-check</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-check-box"></i>
                                                <span class="text-muted">ti-check-box</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-camera"></i>
                                                <span class="text-muted">ti-camera</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-announcement"></i>
                                                <span class="text-muted">ti-announcement</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-brush"></i>
                                                <span class="text-muted">ti-brush</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-brush-alt"></i>
                                                <span class="text-muted">ti-brush-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-palette"></i>
                                                <span class="text-muted">ti-palette</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-briefcase"></i>
                                                <span class="text-muted">ti-briefcase</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bolt"></i>
                                                <span class="text-muted">ti-bolt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bolt-alt"></i>
                                                <span class="text-muted">ti-bolt-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-blackboard"></i>
                                                <span class="text-muted">ti-blackboard</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bag"></i>
                                                <span class="text-muted">ti-bag</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-world "></i>
                                                <span class="text-muted">ti-world </span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-wheelchair"></i>
                                                <span class="text-muted">ti-wheelchair</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-car"></i>
                                                <span class="text-muted">ti-car</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-truck"></i>
                                                <span class="text-muted">ti-truck</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-timer"></i>
                                                <span class="text-muted">ti-timer</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-ticket"></i>
                                                <span class="text-muted">ti-ticket</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-thumb-up"></i>
                                                <span class="text-muted">ti-thumb-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-thumb-down"></i>
                                                <span class="text-muted">ti-thumb-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-stats-up"></i>
                                                <span class="text-muted">ti-stats-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-stats-down"></i>
                                                <span class="text-muted">ti-stats-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shine"></i>
                                                <span class="text-muted">ti-shine</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shift-right"></i>
                                                <span class="text-muted">ti-shift-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shift-left"></i>
                                                <span class="text-muted">ti-shift-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shift-right-alt"></i>
                                                <span class="text-muted">ti-shift-right-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shift-left-alt"></i>
                                                <span class="text-muted">ti-shift-left-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shield"></i>
                                                <span class="text-muted">ti-shield</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-notepad"></i>
                                                <span class="text-muted">ti-notepad</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-server"></i>
                                                <span class="text-muted">ti-server</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pulse"></i>
                                                <span class="text-muted">ti-pulse</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-printer"></i>
                                                <span class="text-muted">ti-printer</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-power-off "></i>
                                                <span class="text-muted">ti-power-off </span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-plug"></i>
                                                <span class="text-muted">ti-plug</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pie-chart"></i>
                                                <span class="text-muted">ti-pie-chart</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-panel"></i>
                                                <span class="text-muted">ti-panel</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-package"></i>
                                                <span class="text-muted">ti-package</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-music"></i>
                                                <span class="text-muted">ti-music</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-music-alt"></i>
                                                <span class="text-muted">ti-music-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-mouse"></i>
                                                <span class="text-muted">ti-mouse</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-mouse-alt"></i>
                                                <span class="text-muted">ti-mouse-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-money"></i>
                                                <span class="text-muted">ti-money</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-microphone"></i>
                                                <span class="text-muted">ti-microphone</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-menu"></i>
                                                <span class="text-muted">ti-menu</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-menu-alt"></i>
                                                <span class="text-muted">ti-menu-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-map"></i>
                                                <span class="text-muted">ti-map</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-map-alt"></i>
                                                <span class="text-muted">ti-map-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-location-pin"></i>
                                                <span class="text-muted">ti-location-pin</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-light-bulb "></i>
                                                <span class="text-muted">ti-light-bulb </span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-info"></i>
                                                <span class="text-muted">ti-info</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-infinite"></i>
                                                <span class="text-muted">ti-infinite</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-id-badge"></i>
                                                <span class="text-muted">ti-id-badge</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-hummer"></i>
                                                <span class="text-muted">ti-hummer</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-home"></i>
                                                <span class="text-muted">ti-home</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-help"></i>
                                                <span class="text-muted">ti-help</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-headphone"></i>
                                                <span class="text-muted">ti-headphone</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-harddrives"></i>
                                                <span class="text-muted">ti-harddrives</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-harddrive"></i>
                                                <span class="text-muted">ti-harddrive</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-gift"></i>
                                                <span class="text-muted">ti-gift</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-game"></i>
                                                <span class="text-muted">ti-game</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-filter"></i>
                                                <span class="text-muted">ti-filter </span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-files"></i>
                                                <span class="text-muted">ti-files</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-file"></i>
                                                <span class="text-muted">ti-file</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-zip"></i>
                                                <span class="text-muted">ti-zip</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-folder"></i>
                                                <span class="text-muted">ti-folder</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-envelope"></i>
                                                <span class="text-muted">ti-envelope</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-dashboard"></i>
                                                <span class="text-muted">ti-dashboard</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-cloud"></i>
                                                <span class="text-muted">ti-cloud</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-cloud-up"></i>
                                                <span class="text-muted">ti-cloud-up</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-cloud-down"></i>
                                                <span class="text-muted">ti-cloud-down</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-clipboard"></i>
                                                <span class="text-muted">ti-clipboard</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-calendar"></i>
                                                <span class="text-muted">ti-calendar</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-book"></i>
                                                <span class="text-muted">ti-book</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bell"></i>
                                                <span class="text-muted">ti-bell</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-basketball"></i>
                                                <span class="text-muted">ti-basketball</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bar-chart"></i>
                                                <span class="text-muted">ti-bar-chart</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-bar-chart-alt"></i>
                                                <span class="text-muted">ti-bar-chart-alt </span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-archive"></i>
                                                <span class="text-muted">ti-archive</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-anchor"></i>
                                                <span class="text-muted">ti-anchor</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-alert"></i>
                                                <span class="text-muted">ti-alert</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-alarm-clock"></i>
                                                <span class="text-muted">ti-alarm-clock</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-agenda"></i>
                                                <span class="text-muted">ti-agenda </span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-write"></i>
                                                <span class="text-muted">ti-write</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-wallet"></i>
                                                <span class="text-muted">ti-wallet</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-video-clapper"></i>
                                                <span class="text-muted">ti-video-clapper</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-video-camera"></i>
                                                <span class="text-muted">ti-video-camera</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-vector"></i>
                                                <span class="text-muted">ti-vector</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-support"></i>
                                                <span class="text-muted">ti-support</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-stamp"></i>
                                                <span class="text-muted">ti-stamp</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-slice"></i>
                                                <span class="text-muted">ti-slice</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-shortcode"></i>
                                                <span class="text-muted">ti-shortcode</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-receipt"></i>
                                                <span class="text-muted">ti-receipt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pin2"></i>
                                                <span class="text-muted">ti-pin2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pin-alt"></i>
                                                <span class="text-muted">ti-pin-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-magnet"></i>
                                                <span class="text-muted">ti-magnet</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-line-double"></i>
                                                <span class="text-muted">ti-line-double</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-line-dotted"></i>
                                                <span class="text-muted">ti-line-dotted</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-line-dashed"></i>
                                                <span class="text-muted">ti-line-dashed</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-ink-pen"></i>
                                                <span class="text-muted">ti-ink-pen</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-info-alt"></i>
                                                <span class="text-muted">ti-info-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-help-alt"></i>
                                                <span class="text-muted">ti-help-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-headphone-alt"></i>
                                                <span class="text-muted">ti-headphone-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-gallery"></i>
                                                <span class="text-muted">ti-gallery</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-face-smile"></i>
                                                <span class="text-muted">ti-face-smile</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-face-sad"></i>
                                                <span class="text-muted">ti-face-sad</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-credit-card"></i>
                                                <span class="text-muted">ti-credit-card</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-comments-smiley"></i>
                                                <span class="text-muted">ti-comments-smiley</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-time"></i>
                                                <span class="text-muted">ti-time</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-share"></i>
                                                <span class="text-muted">ti-share</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-share-alt"></i>
                                                <span class="text-muted">ti-share-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-rocket"></i>
                                                <span class="text-muted">ti-rocket</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-new-window"></i>
                                                <span class="text-muted">ti-new-window</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-rss"></i>
                                                <span class="text-muted">ti-rss</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-rss-alt"></i>
                                                <span class="text-muted">ti-rss-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-stop"></i>
                                                <span class="text-muted">ti-control-stop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-shuffle"></i>
                                                <span class="text-muted">ti-control-shuffle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-play"></i>
                                                <span class="text-muted">ti-control-play</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-pause"></i>
                                                <span class="text-muted">ti-control-pause</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-forward"></i>
                                                <span class="text-muted">ti-control-forward</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-backward"></i>
                                                <span class="text-muted">ti-control-backward</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-volume"></i>
                                                <span class="text-muted">ti-volume</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-skip-forward"></i>
                                                <span class="text-muted">ti-control-skip-forward</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-skip-backward"></i>
                                                <span class="text-muted">ti-control-skip-backward</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-control-record"></i>
                                                <span class="text-muted">ti-control-record</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-paragraph"></i>
                                                <span class="text-muted">ti-paragraph</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-uppercase"></i>
                                                <span class="text-muted">ti-uppercase</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-underline"></i>
                                                <span class="text-muted">ti-underline</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-text"></i>
                                                <span class="text-muted">ti-text</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-Italic"></i>
                                                <span class="text-muted">ti-Italic</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-smallcap"></i>
                                                <span class="text-muted">ti-smallcap</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-list"></i>
                                                <span class="text-muted">ti-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-list-ol"></i>
                                                <span class="text-muted">ti-list-ol</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-align-right"></i>
                                                <span class="text-muted">ti-align-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-align-left"></i>
                                                <span class="text-muted">ti-align-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-align-justify"></i>
                                                <span class="text-muted">ti-align-justify</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-align-center"></i>
                                                <span class="text-muted">ti-align-center</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-quote-right"></i>
                                                <span class="text-muted">ti-quote-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-quote-left"></i>
                                                <span class="text-muted">ti-quote-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-width-full"></i>
                                                <span class="text-muted">ti-layout-width-full</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-width-default"></i>
                                                <span class="text-muted">ti-layout-width-default</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-width-default-alt"></i>
                                                <span class="text-muted">ti-layout-width-default-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-tab"></i>
                                                <span class="text-muted">ti-layout-tab</span>
                                            </div>
                                        </div>

                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-width-full"></i>
                                                <span class="text-muted">ti-layout-width-full</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-width-default"></i>
                                                <span class="text-muted">ti-layout-width-default</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-width-default-alt"></i>
                                                <span class="text-muted">ti-layout-width-default-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-tab"></i>
                                                <span class="text-muted">ti-layout-tab</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-tab-window"></i>
                                                <span class="text-muted">ti-layout-tab-window</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-tab-v"></i>
                                                <span class="text-muted">ti-layout-tab-v</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-tab-min"></i>
                                                <span class="text-muted">ti-layout-tab-min</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-slider"></i>
                                                <span class="text-muted">ti-layout-slider</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-slider-alt"></i>
                                                <span class="text-muted">ti-layout-slider-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-sidebar-right"></i>
                                                <span class="text-muted">ti-layout-sidebar-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-sidebar-none"></i>
                                                <span class="text-muted">ti-layout-sidebar-none</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-sidebar-left"></i>
                                                <span class="text-muted">ti-layout-sidebar-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-placeholder"></i>
                                                <span class="text-muted">ti-layout-placeholder</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-menu"></i>
                                                <span class="text-muted">ti-layout-menu</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-menu-v"></i>
                                                <span class="text-muted">ti-layout-menu-v</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-menu-separated"></i>
                                                <span class="text-muted">ti-layout-menu-separated</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-menu-full"></i>
                                                <span class="text-muted">ti-layout-menu-full</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-right"></i>
                                                <span class="text-muted">ti-layout-media-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-right-alt"></i>
                                                <span class="text-muted">ti-layout-media-right-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-overlay"></i>
                                                <span class="text-muted">ti-layout-media-overlay</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-overlay-alt"></i>
                                                <span class="text-muted">ti-layout-media-overlay-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-overlay-alt-2"></i>
                                                <span class="text-muted">ti-layout-media-overlay-alt-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-left"></i>
                                                <span class="text-muted">ti-layout-media-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-left-alt"></i>
                                                <span class="text-muted">ti-layout-media-left-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-center"></i>
                                                <span class="text-muted">ti-layout-media-center</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-media-center-alt"></i>
                                                <span class="text-muted">ti-layout-media-center-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-list-thumb"></i>
                                                <span class="text-muted">ti-layout-list-thumb</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-list-thumb-alt"></i>
                                                <span class="text-muted">ti-layout-list-thumb-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-list-post"></i>
                                                <span class="text-muted">ti-layout-list-post</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-list-large-image"></i>
                                                <span class="text-muted">ti-layout-list-large-image</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-line-solid"></i>
                                                <span class="text-muted">ti-layout-line-solid</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-grid4"></i>
                                                <span class="text-muted">ti-layout-grid4</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-grid3"></i>
                                                <span class="text-muted">ti-layout-grid3</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-grid2"></i>
                                                <span class="text-muted">ti-layout-grid2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-grid2-thumb"></i>
                                                <span class="text-muted">ti-layout-grid2-thumb</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-cta-right"></i>
                                                <span class="text-muted">ti-layout-cta-right</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-cta-left"></i>
                                                <span class="text-muted">ti-layout-cta-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-cta-center"></i>
                                                <span class="text-muted">ti-layout-cta-center</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-cta-btn-right"></i>
                                                <span class="text-muted">ti-layout-cta-btn-right </span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-cta-btn-left"></i>
                                                <span class="text-muted">ti-layout-cta-btn-left</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-column4"></i>
                                                <span class="text-muted">ti-layout-column4</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-column3"></i>
                                                <span class="text-muted">ti-layout-column3</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-column2"></i>
                                                <span class="text-muted">ti-layout-column2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-accordion-separated"></i>
                                                <span class="text-muted">ti-layout-accordion-separated</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-accordion-merged"></i>
                                                <span class="text-muted">ti-layout-accordion-merged</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-accordion-list"></i>
                                                <span class="text-muted">ti-layout-accordion-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-widgetized"></i>
                                                <span class="text-muted">ti-widgetized</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-widget"></i>
                                                <span class="text-muted">ti-widget</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-widget-alt"></i>
                                                <span class="text-muted">ti-widget-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-view-list"></i>
                                                <span class="text-muted">ti-view-list</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-view-list-alt"></i>
                                                <span class="text-muted">ti-view-list-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-view-grid"></i>
                                                <span class="text-muted">ti-view-grid</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-upload"></i>
                                                <span class="text-muted">ti-upload</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-download"></i>
                                                <span class="text-muted">ti-download</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-loop"></i>
                                                <span class="text-muted">ti-loop</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-sidebar-2"></i>
                                                <span class="text-muted">ti-layout-sidebar-2</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-grid4-alt"></i>
                                                <span class="text-muted">ti-layout-grid4-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-grid3-alt"></i>
                                                <span class="text-muted">ti-layout-grid3-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-grid2-alt"></i>
                                                <span class="text-muted">ti-layout-grid2-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-column4-alt"></i>
                                                <span class="text-muted">ti-layout-column4-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-column3-alt"></i>
                                                <span class="text-muted">ti-layout-column3-alt</span>
                                            </div>
                                        </div>


                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-layout-column2-alt"></i>
                                                <span class="text-muted">ti-layout-column2-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-flickr"></i>
                                                <span class="text-muted">ti-flickr</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-flickr-alt"></i>
                                                <span class="text-muted">ti-flickr-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-instagram"></i>
                                                <span class="text-muted">ti-instagram</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-google"></i>
                                                <span class="text-muted">ti-google</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-github"></i>
                                                <span class="text-muted">ti-github</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-facebook"></i>
                                                <span class="text-muted">ti-facebook</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-dropbox"></i>
                                                <span class="text-muted">ti-dropbox</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-dropbox-alt"></i>
                                                <span class="text-muted">ti-dropbox-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-dribbble"></i>
                                                <span class="text-muted">ti-dribbble</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-apple"></i>
                                                <span class="text-muted">ti-apple</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-android"></i>
                                                <span class="text-muted">ti-android</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-yahoo"></i>
                                                <span class="text-muted">ti-yahoo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-trello"></i>
                                                <span class="text-muted">ti-trello</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-stack-overflow"></i>
                                                <span class="text-muted">ti-stack-overflow</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-soundcloud"></i>
                                                <span class="text-muted">ti-soundcloud</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-sharethis"></i>
                                                <span class="text-muted">ti-sharethis</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-sharethis-alt"></i>
                                                <span class="text-muted">ti-sharethis-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-reddit"></i>
                                                <span class="text-muted">ti-reddit</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-microsoft"></i>
                                                <span class="text-muted">ti-microsoft</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-microsoft-alt"></i>
                                                <span class="text-muted">ti-microsoft-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-linux"></i>
                                                <span class="text-muted">ti-linux</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-jsfiddle"></i>
                                                <span class="text-muted">ti-jsfiddle</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-joomla"></i>
                                                <span class="text-muted">ti-joomla</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-html5"></i>
                                                <span class="text-muted">ti-html5</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-css3"></i>
                                                <span class="text-muted">ti-css3</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-drupal"></i>
                                                <span class="text-muted">ti-drupal</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-wordpress"></i>
                                                <span class="text-muted">ti-wordpress</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-tumblr"></i>
                                                <span class="text-muted">ti-tumblr</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-tumblr-alt"></i>
                                                <span class="text-muted">ti-tumblr-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-skype"></i>
                                                <span class="text-muted">ti-skype</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-youtube"></i>
                                                <span class="text-muted">ti-youtube</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-vimeo"></i>
                                                <span class="text-muted">ti-vimeo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-vimeo-alt"></i>
                                                <span class="text-muted">ti-vimeo-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-twitter"></i>
                                                <span class="text-muted">ti-twitter</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-twitter-alt"></i>
                                                <span class="text-muted">ti-twitter-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-linkedin"></i>
                                                <span class="text-muted">ti-linkedin</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pinterest"></i>
                                                <span class="text-muted">ti-pinterest</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-pinterest-alt"></i>
                                                <span class="text-muted">ti-pinterest-alt</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-themify-logo"></i>
                                                <span class="text-muted">ti-themify-logo</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-themify-favicon"></i>
                                                <span class="text-muted">ti-themify-favicon</span>
                                            </div>
                                        </div>
                                        <!-- Single Icon -->
                                        <div class="col-sm-6 col-md-4 col-lg-2">
                                            <div class="single_icon  mb-3">
                                                <i class="ti-themify-favicon-alt"></i>
                                                <span class="text-muted">ti-themify-favicon-alt</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Small Chat Box -->
                    <div class="small-chat-box fadeInRight animated">
                        <div class="heading d-flex align-items-center" draggable="true">
                            <img class="chat-thumb mr-3" src="img/member-img/1.png" alt="">
                            <div class="chat-header">
                                <h6 class="mb-0">Jhon Smith</h6>
                                <p class="mb-0 font-12 text-green">Active</p>
                            </div>
                        </div>

                        <div class="chat-history bg-img" id="chat-conversation" style="background-image: url(img/bg-img/4.jpg);">
                            <ul>
                                <li class="clearfix mb-15">
                                    <div class="message-data text-right">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/1.png" alt=""></span>
                                        <span class="message-data-time font-11">11:11 AM, Today</span>
                                    </div>
                                    <div class="message other-message float-right font-12">Hi Robert , how are you?</div>
                                </li>
                                <li class="clearfix mb-15">
                                    <div class="message-data">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/2.png" alt=""></span>
                                        <span class="message-data-time font-11">11:15 AM, Today</span>
                                    </div>
                                    <div class="message my-message font-12">Fine. and you?</div>
                                </li>
                                <li class="clearfix mb-15">
                                    <div class="message-data">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/2.png" alt=""></span>
                                        <span class="message-data-time font-11">11:16 AM, Today</span>
                                    </div>
                                    <div class="message my-message font-12">Fine. What's about vacation?.</div>
                                </li>
                                <li class="clearfix">
                                    <div class="message-data text-right">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/1.png" alt=""></span>
                                        <span class="message-data-time font-11">11:18 AM, Today</span>
                                    </div>
                                    <div class="message other-message float-right font-12">We think for next weekend.</div>
                                    <div class="message other-message float-right font-12">Have fun!</div>
                                </li>
                            </ul>
                        </div>

                        <div class="form-chat">
                            <div class="input-group chat-group">
                                <input type="text" class="form-control">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="button">Send
                                    </button> </span></div>
                        </div>
                    </div>
                    <div id="small-chat">
                        <span class="badge badge-primary float-right">6</span>
                        <a class="open-small-chat pulse" href="#">
                            <i class="zmdi zmdi-comment-more"></i>
                        </a>
                    </div>
                </div>

                <!-- Footer Area -->
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <!-- Footer Area -->
                            <footer class="footer-area">
                                <!-- Copywrite Text -->
                                <div class="copywrite-text text-center">
                                    <p>Undex &copy; 2019 created by <a href="#">Theme-zome</a></p>
                                </div>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======================================
    ********* Page Wrapper Area End ***********
    ======================================= -->

    <!-- Must needed plugins to the run this Template -->
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bundle.js"></script>

    <!-- Active JS -->
    <script src="js/default-assets/fullscreen.js"></script>
    <script src="js/default-assets/active.js"></script>
    <script src="js/default-assets/dashboard-chat.js"></script>

</body>


<!-- Mirrored from demo.riktheme.com/undex-1/side-menu-dark/themify-icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 21 Oct 2019 10:40:36 GMT -->
</html>